<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<div class="div_formularioContrataciones">
		<p:panelGrid id="gridPopupFormAcademica" layout="grid"
			styleClass="ui-panelgrid">

			<p:row>
				<p:column colspan="4">
					<p:outputLabel style="font-size: 11px;"
						value="ESTUDIOS Y POSTGRADO Y/O ESPECIALIZACIÓN CERTIFICADA" />
				</p:column>
			</p:row>
			<p:row>
				<p:column colspan="4">
					<p:outputLabel style="font-size: 11px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.informaciongeneral.cabera']}" />

				</p:column>
			</p:row>
			<p:row>
				<p:column colspan="4">
					<p:separator />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.centroestudios.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>
					<p:selectOneMenu id="indCentroEstudiosFormAcaPopup"
						style="width:250px; font-size: 13px;"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.idCentroEstudios}"
						valueChangeListener="#{registroArbitroEspecialidadBean.mostrarCentrosEstudiosExtranjero}">
						<f:selectItems value="#{repositorioDatos.listaCentroEstudios}" />
						<p:ajax process="indCentroEstudiosFormAcaPopup"
							partialSubmit="true" event="valueChange"
							update="habilitar indPaisPopup" />
					</p:selectOneMenu>
				</p:column>

				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.pais.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>
					<p:selectOneMenu id="indPaisPopup"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.idPais}">
						<f:selectItems value="#{repositorioDatos.listaPais}" />
					</p:selectOneMenu>
				</p:column>

			</p:row>
			<p:row>

				
				<p:column>
					<p:outputLabel
						value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.otrocentro.label']}" />
				</p:column>
				<p:column colspan="3">
					<p:inputText id="habilitar"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.descripcionOtroCentro}"
						onkeyup="$(this).val($(this).val().replace(/[^a-zA-Z\säüöáéíóúÁÉÍÓÚüÜñÑ]/g, ''));"
						disabled="#{registroArbitroEspecialidadBean.otroCentroEstudios}" />
				</p:column>


			</p:row>
			<p:row>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.areaprofesion.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>
					<p:selectOneMenu id="indTipoFormacionPopup"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.idAreaProfesion}">
						<f:selectItems value="#{repositorioDatos.listaAreaProfesion}" />
					</p:selectOneMenu>
				</p:column>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.tipoformacion.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>
					<p:selectOneMenu id="indAreaProfesionPopup"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.indTipoFormacion}">
						<f:selectItems value="#{repositorioDatos.listaTipoFormacion}" />


					</p:selectOneMenu>

				</p:column>
				<p:column colspan="2">

				</p:column>


			</p:row>
			<p:row>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.desc_gradotitulo.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>

					<p:inputText id="descripcionGradoPopup"
						onkeyup="$(this).val($(this).val().replace(/[^a-zA-Z\säüöáéíóúÁÉÍÓÚüÜñÑ]/g, ''));"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.descripcionGrado}">


					</p:inputText>
				</p:column>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.gradotitulo.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>

					<p:selectOneMenu id="indGradoObtenidoPopup"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.indGradoObtenido}">
						<f:selectItems value="#{repositorioDatos.listaGradoTitulo}" />

					</p:selectOneMenu>

				</p:column>


			</p:row>
			<p:row>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.horasduracion.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column>
					<!-- 	<p:inputMask  id="duracionFormAcaPopup" maxlength="2" value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.duracion}">						  
					        
					    </p:inputMask> -->
					<h:inputText id="duracionFormAcaPopup"
						onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.duracion}"
						validatorMessage="Ingrese solo numeros"
						converterMessage="Ingrese solo numeros">

					</h:inputText>
				</p:column>
				<p:column>
					<p:outputLabel style="font-size: 13px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.fec_gradoegreso.label']} #{rbSirenasUI['sirenas.ui.obligatorio']}" />
				</p:column>
				<p:column style="height:60px;width:80px">
					<p:calendar id="fecEgresoFormAcaPopup" size="15"
						value="#{registroArbitroEspecialidadBean.arbEspecialAcademica.fecEgreso}"
						pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}"
						navigator="true" yearRange="c-50:c+00" />
				</p:column>
			</p:row>
			<p:row>
				<p:column colspan="4">
					<p:separator />
				</p:column>
			</p:row>
			<p:row>
				<p:column colspan="4">
					<p:outputLabel style="font-size: 11px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.informaciongeneral.inferior_uno']}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column colspan="4">
					<p:outputLabel style="font-size: 11px;"
						value="#{rbSirenasUI['sirenas.ui.entidad.especial_academica.informaciongeneral.inferior_dos']}" />
				</p:column>
			</p:row>

			<p:row>
				<p:column style="text-align:center" colspan="2"
					rendered="#{registroArbitroEspecialidadBean.btnAgregarEspecialidad}">
					<p:commandButton
						value="#{rbSirenasUI['sirenas.ui.general.boton.agregar.label']}"
						action="#{registroArbitroEspecialidadBean.agregarEspecialidadAcademicaPopup}"
						update="mensajeroEsp listaEspecialidadOriginal listaEspecialidadActualizacion totalEspAcademica" />
				</p:column>
				<p:column style="text-align:center" colspan="2"
					rendered="#{registroArbitroEspecialidadBean.btnRectificarEspecialidad}">

					<p:commandButton
						value="#{rbSirenasUI['sirenas.ui.general.boton.editar.label']}"
						action="#{registroArbitroEspecialidadBean.rectificarRegistroEspecialidadAcademica}"
						update="mensajeroEsp listaEspecialidadOriginal listaEspecialidadActualizacion totalEspAcademica"
						rendered="#{registroArbitroEspecialidadBean.esEditar}" />
					<p:spacer width="10" />

					<p:commandButton
						value="#{rbSirenasUI['sirenas.ui.general.boton.rectificar.label']}"
						action="#{registroArbitroEspecialidadBean.rectificarRegistroEspecialidadAcademica}"
						update="mensajeroEsp listaEspecialidadOriginal listaEspecialidadActualizacion totalEspAcademica "
						rendered="#{sessionScope.auditoria.rolUsuario eq'ADMIN'}" />
					<p:spacer width="10" />
				</p:column>
				<p:column style="text-align:center" colspan="2">
					<p:commandButton
						value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
						action="#{registroArbitroEspecialidadBean.cancelarRectificacionEspecialidad}"
						update="mensajeroEsp" />
				</p:column>
			</p:row>

		</p:panelGrid>
	</div>


</ui:composition>